<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>个人资产详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../js/layer/layui-v2.3.0/layui/css/layui.css">
  <link rel="stylesheet" href="../css/common/header.css">
  <link rel="stylesheet" href="../css/pages/pamDetail.css">
</head>
<body>
  <!-- 头部 -->
  <div class="header-wrapper">
    <div class="header-navs">
      <div class="nav-content">
        <span>欢迎您，admin</span>
        <span>账号管理</span>
        <span>注销</span>
      </div>
    </div>
  </div>
  <!-- 容器 -->
  <div class="wrapper">
    <!-- 面包屑 -->
    <div class="breadcrumb">
        <span class="layui-breadcrumb" lay-separator=">">
            <a href="./pam.html">个人资产管理</a>
            <a><cite>资产详情</cite></a>
          </span>
    </div>
    <!-- 表格容器 -->
    <div id="app" class="table-content">
      <table class="layui-table" lay-even>
        <tbody>
          <tr>
            <th>资产编码</th>
            <td>{{tableData[0]}}</td>
            <th>资产名称</th>
            <td>{{tableData[1]}}</td>
            <th>领用时间</th>
            <td>{{tableData[8]}}</td>
          </tr>
          <tr>
            <th>资产类型</th>
            <td>{{tableData[2]}}</td>
            <th>资产类别</th>
            <td>{{tableData[3]}}</td>
            <th>资产型号</th>
            <td>{{tableData[4]}}</td>
          </tr>
          <tr>
            <th>放置地点</th>
            <td>{{tableData[5]}}</td>
            <th>管理人员</th>
            <td>{{tableData[6]}}</td>
            <th>使用人</th>
            <td>{{tableData[7]}}</td>
          </tr>
          <tr>
            <th>采购时间</th>
            <td>{{tableData[9]}}</td>
            <th>采购价格</th>
            <td>{{tableData[10]}}</td>
            <th>密级</th>
            <td>{{tableData[12]}}</td>
          </tr>
          <tr>
            <th><span class="layui-badge" style="font-size:16px;height: 26px;line-height: 26px;">所属网络</span></th>
            <td>{{tableData[11]}}</td>
            <th></th>
            <td></td>
            <th></th>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
    <!-- 二维码 -->
    <div class="qrcode-wrapper">
      <h3>资产信息卡</h3>
      <div class="qrcode-body">
        <img src="../imgs/pamDetail_qrcode.png">
        <div class="qrcode-btn">
          <i class="layui-icon layui-icon-read"></i>   
          <span>打印</span>
        </div>
        <div class="qrcode-btn">
          <i class="layui-icon layui-icon-upload-circle"></i>   
          <span>导出</span>
        </div>
      </div>
    </div>

    <!-- 备注 -->
    <div class="remark-wrapper">
      <span class="remark-title">备注</span>
      <span class="remark-content">备注信息</span>
    </div>

    <!-- 图片 -->
    <div class="pic-wrapper">
      <span class="pic-title">图片</span>
      <div class="pic-body">
        <img src="../imgs/pamDetail_pic.jpg">
      </div>
    </div>


  </div>
  <script src="../js/jquery/jquery.min.js"></script>
  <script src="../js/layer/layui-v2.3.0/layui/layui.all.js"></script>
  <script src="../js/data/table.data.js"></script>
  <script src="../js/vue/vue.min.js"></script>
  <script>
    // 获取数据索引
    var search = location.search;
    var navIndex = search.split('=')[1];

    var app = new Vue({
      el: '#app',
      data: {
        tableData: PTemTableData[navIndex]
      }
    })
  </script>
</body>
</html>